.calendar {
  width: 100%;
  &-month {
    &-week-list {
      width: 100%;
      display: flex;

      border-bottom: 1px solid #ccc;
      &-item {
        padding: 20px 16px;
        color: #7d7d7f;
        flex: 1 1;
      }
    }
    &-body {
      &-row {
        display: flex;
        height: 100px;
        &-cell {
          flex: 1;
          border: 1px solid #eee;
          color: #ccc;
          overflow: hidden;
          &-current {
            color: #000;
          }
        }
      }
    }
  }
}
